<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link  rel="stylesheet" type="text/javascript" href="./myjs.js">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
   // alert("今天天气不错！");//alert->提示框
    /**
     *
     */
    //定义变量
    var a=1;
    var b='sss';
//    alert(a+b);//+连接字符串和非字符串时，还是做连接符用。
    var c="a";
    a=b;
//    window.alert(a);//js是弱类型语言。变量的种类没有强制要求。
    //4大家族：整数 int，小数 float，字符 char/String，布尔 bool .基本数据类型的操作无非数字操作和逻辑操作。
    //高等数据类型：(相当于java的对象。高等数据类型有2部分组成：1.变量/属性 2.方法)
   // 数组型：var a=[1,2,3]  ; var a=new array[]
   // 和
   // 对象型:var obja={name:"小王",age:30} ->JSON
//如果对象obja被赋值整数2，那么obja还能使用变量和方法吗？
   var obja={name:"小王",age:30}
//    console.log(obja);
   var obj=new Object();
   //console.log(obj.get("name"));

    //方法
    function  getDate() {
        console.log(Date());
    }

    //DOM 网页元素列表
    //获取网页元素
    //怎么获取
    //1.
    var txt1=document.getElementById("txt1")//通过元素的id来获取一个元素
//   console.log(document.getElementById("txt1"));
    //2.
//    document.getElementById("txt1")
   var arr1=document.getElementsByName("txt1");
//    console.log(arr1.length);//通过元素的name来获取一个数组


</script>
<input type="button" value="获取时间" onclick="getDate()"><br>
<input type="text" id="txt1" value="aa ">
<input type="text" name="txt1" value="b ">
<input type="text" name="txt1" value="c ">
<input type="button" value="修改文本" onclick="setTxt1()"><br>
<script>

    var txt2=document.getElementById("txt1")//通过元素的id来获取一个元素
//    console.log(document.getElementById("txt1").value);
    function getTxt1() {
        console.log(document.getElementById("txt1").value);
    }
    function setTxt1() {
        document.getElementById("txt1").value='99999999';
    }
    function addT(a,b) {
        return a+b;
    }
//    console.log(addT(1,2));
    var result=100;
    function foradd(a,b) {
        //从a开始+1，加b次，如果a是3，则直接返回3
//        result=0;

        if(a==3){
            result=3 ;
        }else{
            result=a;
            for(var i=a;i<a+b;i++){
//                console.log(i);
                result=result+1;
            }
        }
        return result;


    }
    console.log(foradd(1,3));
    console.log(result);

    //js闭包：
 //1.外部var一个变量，函数内部同样var一个，函数内部以内部var为准，外部以外部var为准。
    // 2.外部var一个变量，函数内部重新赋值，函数内部以内部var为准，外部以内部为准。
    //    外部var一个变量，函数内部直接使用，函数内部以内部var为准，外部以内部为准。
    var arr1=document.getElementsByName("txt1");
    console.log(arr1[0].innerHTML);//innerHTML是用来获取网页元素的网页内容（非自身属性）
    //3
//    document.getElementsByTagName();
var myjava=new Array();
myjava[0]="spring";
    myjava[1]="struts";
    myjava[2]="hibernate";
    console.log(myjava);
    var myjava=new Array("a","b","c");
    var myjava=["a","b","c"];
    console.log(myjava.indexOf("b"));
//前端要把数据给后端。form表单提交（整个页面都刷新）。ajax（异步刷新/局部刷新技术(立刻就获得服务器反馈)）
</script>
</body>
</html>